const Pages = () =>{
    return {
        restrict: 'E',
        /**
         * 可以动态传入模板
         *  (element, attrs) => {
         *      return require(attrs.templateurl);
         *  }
         *  这里的templateurl是使用指令标签的属性templateUrl， 因为不区分大小写，所以全是小写的
         *
         *  template也可以使用templateUrl替换，但是templateUrl需要是绝对路径(从项目根目录开始)，template是模板内容，可以使用require来加载相对路径
         *  都可以使用上面的方式来实现动态加载模板，只不过一个返回的是绝对路径，一个返回的是模板内容html代码。
         */
        template: require('./pages.html'),
        scope: {
            /*totalItems: '@',
            bigCurrentPage: '=',
            maxSize: '@'*/
        },
        link: (scope) => {
            scope.totalItems = 64;
            scope.currentPage = 4;

            scope.setPage = function (pageNo) {
                scope.currentPage = pageNo;
            };

            scope.pageChanged = function () {
                //$log.log('Page changed to: ' + scope.currentPage);
            };

            //如果总页数少于5那么直接显示即可页码，如果大于5，就显示成1 2 3 4 5 ...
            //如果是6的话， 大于6的时候将显示成 1 2 3 4 5 6 ...
            scope.maxSize = 5;
            //总调试
            scope.bigTotalItems = 129;
            //当前页
            scope.bigCurrentPage = 1;
            //每页显示条数
            scope.itemsPerPage = 20;
        }
    }
}
export default Pages;